<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <!-- import Element UI CSS -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
  <style>
    /* 消除页面的白边 */
    body {
      margin: 0;
      padding: 0;
    }
    /* 网站Logo后续文本上下居中对其 */
    .nav-menu img {
      vertical-align: middle;
      height: 97px;
    }

    /* 导航菜单链接样式 */
    .nav-menu a {
      color: #666;
      text-decoration: none;
    }

    /* 导航激活 */
    .nav-menu .active {
      color: #0aa1ed;
    }

    /* 导航菜单和商品分类居中 */
    .nav-menu .nav-menu-bar {
      width: 1200px;
      margin: 0 auto;
    }

    .nav-menu {
      border-bottom: #0aa1ed solid 3px;
    }

    /* 新闻Banner图片 */
    .news-banner {
      width: 1200px;
      margin: 0 auto;
    }
    /* 新闻列表样式 */
    .news-list{
      width: 1200px;
      margin: 0 auto;
    }
    .news-list .news-item{
      display: flex;
      margin-bottom: 20px;
    }
    .news-list .news-image{
      width: 316px;
      height: 193px;
    }
    .news-list .news-subject{
      font-weight: lighter;
    }
    .news-list .news-date{
      color: #b1b1b1;
    }

    /* 页脚样式 */
    .el-footer .top-border {
      background-image: url('imgs/wave.png');
      height: 90px;
    }

    /* 页脚文字样式 */
    .el-footer .footer-text {
      font-size: 14px;
      background-color: #3f3f3f;
      text-align: center;
      color: #b1b1b1;
      padding: 20px 0;
    }
    /* 消除页脚的边距 */
    .el-footer {
      padding: 0;
    }
  </style>
  <title>热点新闻</title>
</head>
<body>
<div id="app">
  <el-container>
    <!-- 头部导航栏 -->
    <el-header class="nav-menu" height="100px">
      <div class="nav-menu-bar">
        <img src="imgs/logo.png" alt="酷鲨商城">
        <a href="index.html">商城首页</a>
        <el-divider direction="vertical"></el-divider>
        <a class="active" href="news.html">热点资讯</a>
        <el-divider direction="vertical"></el-divider>
        <a href="">商家入驻</a>
        <el-divider direction="vertical"></el-divider>
        <a href="">社会招聘</a>
        <el-divider direction="vertical"></el-divider>
        <a href="">校园招聘</a>
        <el-divider direction="vertical"></el-divider>
        <a href="">招采平台</a>
        <el-divider direction="vertical"></el-divider>
        <a href="">商家入驻</a>
        <el-divider direction="vertical"></el-divider>
        <a href="">举报平台</a>
        <el-divider direction="vertical"></el-divider>
        <a href="">快递查询</a>
        <el-divider direction="vertical"></el-divider>
        <a href="">帮助中心</a>
      </div>
    </el-header>
    <!-- 头部导航栏结束 -->
    <el-header height="300">
      <!-- 新闻Banner -->
      <div class="news-banner">
        <el-image src="imgs/news_banner.jpeg" width="1200"></el-image>
      </div>
    </el-header>
    <el-main>
      <div class="news-list">
        <el-card class="news-item" v-for="row in news">
          <el-row gutter="20">
            <el-col span="7">
              <el-image class="news-image" :src="row.image"></el-image>
            </el-col>
            <el-col span="17">
              <h3 class="news-title">{{row.title}}</h3>
              <p class="news-subject">{{row.subject}}</p>
              <p class="news-date">日期: {{row.date}}</p>
            </el-col>
          </el-row>
        </el-card>
      </div>
    </el-main>
    <el-footer>
      <div class="top-border"></div>
      <div class="footer-text">
        <p>Copyright © 高慧强学版权所有 京ICP备12003709号-3 京公网安备 11010802029572号</p>
        <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
      </div>
    </el-footer>
  </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<!-- import axios -->
<script src="https://cdn.staticfile.org/axios/0.21.4/axios.min.js"></script>
<script>
  let v = new Vue({
    el: '#app',
    data: function () {
      return {
        news: [
          {
            id: 1,
            category: 2,
            image: 'imgs/news/1.png',
            date: '2023-07-01',
            title: '齐鲁干烘茶的特点以及介绍',
            subject: '齐鲁干烘（又名莱芜老干烘或黄大茶），属于黄茶类，原产于安徽省六安市霍山县、金寨县一带，自明代初传入山东，盛行于莱芜，距今已有400多年的历史。其茶核心特点为茶性温和，干茶条索紧卷，叶大，梗长，具有浓烈的老火香，汤色红亮，滋味柔和，适宜长期饮用。',
            content: '齐鲁干烘茶制作技艺，历史悠久，源远流长。\n' +
              '齐鲁干烘茶制作技艺，是从古代的茶制作技艺逐步发展演变而成的。它是历代茶农的智慧结晶，具有高超的、独特的技能。手工制茶工序复杂，主要有采青、萎凋、摇青、揉捻、发酵、初烘、渥堆、复烘、初级原料存放、精制、分级、足火、拉老火、装箱等。\n' +
              '在原料采集上，选择剔芽去梗的成熟叶片；在制作工艺上融入了大红袍、祁门红茶加工工艺，增加了独特的“萎凋”、“渥堆”、“拉老火”等新的工艺，使齐鲁干烘呈现出更佳的风味；\n' +
              '在制作工具上，不依赖现代机械设备，其工艺水平与同时期的作坊相比已非常先进，且传统设备和工艺保存完整，一直沿用至今。\n' +
              '“齐鲁干烘”茶属于半发酵茶，其发酵有酶性氧化发酵和微生物的后发酵，所以它具有红茶与黄茶的品质特点。\n' +
              '其干茶色泽红褐，深浅不一，干茶条索有紧卷的片状，叶大，梗长，具有浓烈的老火香。\n' +
              '冲泡后汤色橙红，比较清澈透亮，香气有焙火的香气，滋味柔和，风味独特。'
          },
          {
            id: 2,
            category: 2,
            image: 'imgs/news/2.png',
            date: '2023-05-02',
            title: '野生型和栽培型茶树主要性状的差异分析',
            subject: '野生型茶树通常是指在一定的自然条件下，经过长期的演化和自然选择而生存下来的一个群类。亦称原始型茶树，在系统发育过程中具有原始特征：乔木、小乔木树型，嫩枝少毛或无毛，叶背主脉无毛或稀毛，脉络不明显，叶面平或微隆起，叶缘有稀钝齿。',
            content: '野生型茶树\n' +
              '通常是指在一定的自然条件下，经过长期的演化和自然选择而生存下来的一个群类。\n' +
              '亦称原始型茶树，在系统发育过程中具有原始特征：乔木、小乔木树型，嫩枝少毛或无毛，叶背主脉无毛或稀毛，脉络不明显，叶面平或微隆起，叶缘有稀钝齿。\n' +
              '栽培型茶树\n' +
              '栽培型茶树是指人类通过对野生茶树进行选择、栽培、创造出的茶树新类型。\n' +
              '亦称进化型茶树，主要特征：灌木、小乔木，树姿开张或半开张，脉络不明显，叶面平或隆起，叶色多为绿或深绿，少数为黄绿色，叶片光泽有或无，叶缘有细锐齿。制茶品质多数优良。\n' +
              '树型\n' +
              '茶树在自然生长状态下有三种树型：\n' +
              '乔木型：从基部到冠部有主干。\n' +
              '小乔木型：中下部有主干，中上部无明显主干。\n' +
              '灌木型：植株根颈处分枝，无明显主干。'
          },
          {
            id: 3,
            category: 2,
            image: 'imgs/news/3.png',
            date: '2023-04-28',
            title: '犀牛塘普洱茶口感特点',
            subject: '犀牛塘普洱茶具有“香、甜、细、滑”等核心特点。干茶：紧结肥壮，芽叶饱满，茶毫显，呈褐绿色泽。汤色：黄亮通透，色泽清新，澄澈明净。香气：花香如蜜而清幽，持久。滋味：茶气猛烈，香醇丰厚，汤感柔顺，滋味足，茶质厚，水路细腻。',
            content: '犀牛塘普洱茶简介\n' +
              '帕沙位于云南西双版纳勐海县格朗和哈尼族乡西南方向，平均海拔1800米左右，地理位置处于南糯山与布朗山之间，帕沙现存古茶树，最早可追溯到唐代。\n' +
              '整个帕沙山寨，有3000多亩的古茶园，自然生长至今，已成为山中绿树皆茶树的状况。\n' +
              '在整个勐海地区，帕沙是森林植被最好，茶树最高最大的地区，平均茶树树龄都在300-600年左右。\n' +
              '犀牛塘距离寨子比较远，人为干预很少，古茶园植被茂盛，林下腐植土较厚，土地肥沃，做出来的茶品内含物质丰富，滋味刚劲勇猛，香醇丰厚。犀牛塘是完全符合于原始森林大古树茶。\n' +
              '茶树的生长与环境条件与老班章非常近似，沿着森林间的小道步行前往犀牛塘，一股鲜润的植物芬芳夹杂着泥土的气息扑面而来，沁人心脾，而古茶园就分布在道路两旁。\n' +
              '犀牛塘普洱茶的特点\n' +
              '犀牛塘古茶园可谓帕沙古茶山中的山头皇者，吸粉无数。\n' +
              '其干茶条索紧结肥壮，色泽呈褐绿显白，茶毫显露，芽头肥厚，绒毛繁多，叶面革质感明显，叶脉清晰，根植较深。\n' +
              '茶香清幽怡人，甜醇中含着天然浓郁的蜜香，柔滑细腻中藏着强劲却内敛的茶气，有骨有肉，称之为“勐海第一香妃”也不为过。\n' +
              '于形，其嫩肥显毫，细紧苗长，匀净丰满，新鲜光洁。\n' +
              '于色，其黄亮通透，清纯闲雅，色泽清新，澄澈明净。\n' +
              '于气，其兰香富蕴，芬兰之气，醇厚浓烈，香醇持久。\n' +
              '茶汤黄绿，清澈通透，汤质细腻饱满，水路油滑，茶汤柔和清甜；\n' +
              '茶气猛烈，体感明显，果然茶如其名，一股霸气之感油然而生，当你还沉浸在刚烈的茶气之中，却在一瞬间会有柔滑清甜袭来，这就是犀牛塘带给茶人的“出其不意”，让人越来越想体验下一泡的口感。\n' +
              '四泡之后茶汤变得金黄油亮，花香弥漫，沁人心脾。'
          },
          {
            id: 4,
            category: 2,
            image: 'imgs/news/4.png',
            date: '2023-04-20',
            title: '凤凰单丛和岭头单丛的区别',
            subject: '凤凰单丛和岭头单丛在产地、内质上均有区别。产地：凤凰单丛产于潮安凤凰山，岭头单丛为饶平坪溪岭头村双髻娘山。内质：凤凰单丛为品种香、发酵香，而岭头单丛香气来源于品种香。',
            content: '产地的不同\n' +
              '凤凰单丛主要是产于潮安的凤凰山，岭头单丛主要是产于饶平坪溪岭头村双髻娘山。\n' +
              '内质的区别\n' +
              '凤凰单丛跟岭头单丛的香气有很大的区别，凤凰单丛的香气主要由茶叶的品种香和发酵香两者结合而产生的，内质特点是具自然花香气，因此凤凰单丛也称为“花香型”单丛茶\n' +
              '而岭头单丛香气来源于品种香，内质特点是具有自然花蜜香气，因此也被称为“花蜜香”单丛茶。\n' +
              '这两种单丛茶喝起来的香气、口感，是有所差别的，细心的茶友在茶汤入口的瞬间就能区别\n' +
              '凤凰单丛茶\n' +
              '凤凰单丛茶是以凤凰水仙群体中品质优异的名丛鲜叶为原料单株采制而成的茶叶的总称。\n' +
              '高品质凤凰单丛茶产于凤凰镇海拔1000米左右的乌崇山上，以老树茶品质更为优异。至今乌崇山上仍保存有5棵宋代老茶树，当地人称之为“宋种”；\n' +
              '相传是南宋末年宋帝昺发现并饮过此茶树的鲜叶熬成的汤，由此被当地茶农代竹繁衍至今。\n' +
              '单丛茶制作并不简单，一般于午后开采，当晚加工，制茶均在夜间进行。主要制作工序有采青、晒青、做青、晾青、揉捻、烘焙等工序制成。\n' +
              '尤为关键的烘焙工艺。需要长时间的焙火才能激发出来。慢火烘焙就是经过多个小时严控温度后，再降低温度继续复烘......这样制茶，将近20道工序，才将茶叶的独特山韵发挥至极，正宗的凤凰单丛茶可以说是茶中有甜，甜里含香。\n' +
              '特级凤凰单丛条索紧结壮直，色泽褐润、匀整；花香高锐持久，花蜜韵味浓醇回甘；汤色金黄清澈；叶底柔软，黄明红边。\n' +
              '岭头单丛茶\n' +
              '岭头单丛茶因其鲜叶色泽浅黄又名白叶单丛，主产于潮州市饶平县，是1962年饶平县岭头村村民在凤凰水仙种茶园中发现一株萌芽特早、花香蜜味独特的异株培育而成的。\n' +
              '特级岭头单丛茶条索紧结，色泽黄褐油润、匀整；花蜜香细锐持久，滋味浓醇带密香；汤色橙黄；叶底黄明柔软，红度均匀。'
          },
          {
            id: 5,
            category: 2,
            image: 'imgs/news/5.png',
            date: '2023-04-18',
            title: '陈皮湿仓跟干仓的区别',
            subject: '陈皮湿仓与干仓在储存方式、外观、价值均有区别。储存方式：干仓采用自然陈化（干燥环境），湿仓采用加热加湿等手段，加速陈化。外观：干仓陈皮色泽自然，暗红色、棕褐色，湿仓陈皮呈深黑色。香气：干仓香气内敛浓郁，湿仓有杂味、霉味以及刺鼻气味。价值：干仓保真度高，营养丰足，湿仓则发生本质改变，价值低。',
            content: '什么是干仓陈皮\n' +
              '干仓是指陈皮陈化的储存条件，即把新会柑皮储存在一个干燥密封，温度湿度适中、清爽无杂味、不易滋生物的仓储环境中；\n' +
              '从而在自然的条件下慢慢发酵陈化，使其中所含的物质自然而然的发生转化。\n' +
              '干仓陈皮陈化是十分缓慢的，色泽变化慢。\n' +
              '即便如此，各个地方气候条件不一样，所以即使是自然存放的陈皮，几年后转化的程度都会不一样。\n' +
              '图片来源-柑润堂\n' +
              '图片来源-柑润堂\n' +
              '干仓陈皮的特征\n' +
              '干仓存储的新会陈皮，色泽自然，品质非常出色。\n' +
              '短年份的外表面呈猪须纹，颜色鲜红色或暗红色；\n' +
              '高年份的陈皮内囊风化自然剥落，内外表面猪须纹明显，呈棕褐色甚至黑色。\n' +
              '最后，干仓陈皮的油室完整度高，所含黄酮等活性物质也高，香气内敛浓郁，无论是泡水饮用、制作食物都十分适宜。\n' +
              '干仓仓储是自然陈化的优质条件，保存了陈皮的本质真性，同时也让陈皮的成分、营养物质得到最大程度保留。\n' +
              '什么是湿仓陈皮\n' +
              '湿仓是一种惯用的做旧的手法，是没有进行完全的自然晒干，采用放置密闭不通风的湿润环境中，通过加热加湿等手段（并堆码，盖上棉被或者地毯），提升陈化速度，通过抽湿机强行抽干，加快循环。\n' +
              '从而使得陈皮快速陈化，达到久年份陈皮的外观，这种陈皮与干仓的陈皮在外观上有很大区别，作用、价值也相差甚远。\n' +
              '湿仓陈皮的特征\n' +
              '湿仓存储的陈皮，外皮会呈深黑色，内囊深褐色至黑色，会带有轻微的霉味，香气会有些刺鼻，所含的活性物质含量较低。\n' +
              '并且由于储藏环境的高温高湿，容易滋生霉菌、出现虫蛀等问题，只能使用药剂去除，这样的陈皮会使本来性质发生改变，如果制作成药材的话，药效会大大降低的。'
          },
          {
            id: 6,
            category: 2,
            image: 'imgs/news/6.png',
            date: '2023-04-16',
            title: '新会陈皮为什么更好 这些优点是其它陈皮不具备的',
            subject: '《广东柑桔图谱》记述：“大红柑原产新会，主产新会。果皮是制中药陈皮及陈皮系列食品的正宗原料。新会陈皮，其质优，独具地道特色，为“广陈皮”的上品。相传唐代开始有“陈皮”的名称，而新会专门种柑取皮已有700多年的历史。',
            content: '《广东柑桔图谱》记述：“大红柑原产新会，主产新会。果皮是制中药陈皮及陈皮系列食品的正宗原料。”\n' +
              '新会陈皮，其质优，独具地道特色，为“广陈皮”的上品。相传唐代开始有“陈皮”的名称，而新会专门种柑取皮已有700多年的历史。\n' +
              '地理优势\n' +
              '新会位于广东珠江三角洲西南部，这里两江汇聚、三水融通、咸淡交融；\n' +
              '形成以银洲湖为核心的潭江两岸冲积平原带和南部滨海沉积平原新垦区，也就是新会民间流传能看见熊子塔的地方的围田区；\n' +
              '这里地势开阔平坦、土地肥沃、土层深厚、水源充足、排灌方便。\n' +
              '出产诸如新会柑、新会橙、新会年桔和新会柠檬等多个柑桔原产品种，是柑桔的起源中心之一和适宜栽培区，这里是历史由来出产新会柑最好，新会陈皮最优的地方。\n' +
              '颜色、皮形、油室的不同\n' +
              '颜色方面，在真正的新会陈皮中，年份短的陈皮内表面呈雪白色或黄白色，外表面呈猪须纹，颜色呈鲜红色或暗红色；\n' +
              '高年份的陈皮内囊风化自然剥落，内外表面猪须纹明显，呈棕褐色甚至黑色。\n' +
              '但无论多陈，都干净鲜明，纹理清楚，有光泽。而外地陈皮则由于产地不同，陈皮颜色不统一，呈现青色、黄色、红色不等，颜色或深或浅，内囊光滑无脱落感，皱纹不匀。\n' +
              '从皮形来看，正宗新会陈皮的基部相连，规则三瓣状，片张反卷。\n' +
              '经过数十年的陈化后，陈皮的形状若仍为三瓣完整无缺，为之极品。而外地陈皮则片状多不规则，零碎型者居多。\n' +
              '油室”是陈皮行业中的术语。\n' +
              '新会陈皮表面有无数大小均匀且凹入的油点，皱缩十分明显，即“油室”。外地陈皮的油点则分布不匀，数量较少，大小不一。\n' +
              '味道的不同\n' +
              '新会陈皮口味甘、香、醇、陈。\n' +
              '从分类上来看，市面上的陈皮分为新会陈皮、广陈皮、陈皮三类。\n' +
              '其中，新会陈皮含有挥发油成分多达24种以上，黄酮类成分远高于其他产地的陈皮。化学成分高达41个，包括4个黄酮碳苷、7个黄酮氧苷、19个甲氧基黄酮、3个环肽、4个甾醇，3个有机酸及1个生物碱类成分。\n' +
              '广陈皮挥发油种类只有10种左右，味苦、涩。\n' +
              '与新会陈皮相比，其药用和食用价值较低。陈皮的成分更少，价值更低。\n' +
              '制作技艺\n' +
              '普通的陈皮跟新会陈皮相较起来制作技艺是有一定的区别的。\n' +
              '新会陈皮讲究的是道地传统，从采摘到晒皮无任何现代加工工艺，只靠太阳晒，晒干后自然陈化，最少晒干陈化三年以上的陈皮，才算是新会陈皮。\n' +
              '而普通陈皮非新会陈皮必须经过三蒸三晒等繁杂加工工艺方可入口。\n' +
              '最后\n' +
              '不一样的产地，不一样的品种，不一样的文化与传承直接决定了陈皮的质量，更决定了它的功效与作用。'
          }
        ]
      }
    },
    methods: {},
    mounted() {

    }
  })
</script>
</html>